<template>
<div >
	<Button  
	text="默认按钮" 
	class="vue-btn-default block"
	></Button>
	<br>
	<Button  
	type="submit"
	class="vue-btn-red block"
	text="红色主题" 
	></Button>
	<br>
	<Button  
	type="reset"
	class="vue-btn-blue block"
	text="蓝色主题" 
	></Button>
	<br>
	<Button  
	type="submit"
	class="vue-btn-green block"
	text="绿色主题" 
	></Button>
	<br>
	<Button  
	type="button"
	class="vue-btn-green block"
	text="禁用按钮" 
	disabled="disabled"
	></Button>
	<br>
	<Button  
	type="button"
	class="vue-btn-blue block"
	:loading="isLoading"
	load-text="正在加载..."
	text="点击加载" 
	@click="showLoading"
	></Button>
	
</div>
</template>

<script>
import Button from "components/button/button"

export default{
	data(){
		return{
			isLoading: false
		}
	},
	components: {
		Button
	},
	methods:{
		showLoading: function(){
			this.isLoading==true?this.isLoading=false:this.isLoading=true;
		}
	}
}
</script>